<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//展示用户
		$('#dg').datagrid({    
		    url:'showEmployee',    
		    columns:[[     
		        {field:'code',title:'C',checkbox:true,width:100,align:'center'},    
		        {field:'eild',title:'员工编号',width:100,align:'center'}, 
		        {field:'eiName',title:'员工姓名',width:100,align:'center'},
		        {field:'eipostion',title:'员工职位',width:100,align:'center'},
		        {field:'eiPhone',title:'联系方式',width:100,align:'center'},    
		        {field:'dpName',title:'配送点名称',width:100,align:'center'},    
		        {field:'dpGrade',title:'配送点等级',width:100,align:'center'}, 
		        {field:'eistate',title:'员工状态',width:100,align:'center'} ,  
		        {field:'uname',title:'用户名',width:100,align:'center'} ,  
		        {field:'upsw',title:'用户密码',width:100,align:'center'} ,  
		        {field:'ustate',title:'用户状态',width:100,align:'center'} ,
		        {field:'rname',title:'角色名',width:100,align:'center'}  ,		        
		    ]],
		    pagination:true,
		    pagePosition:'bottom',
		    rownumbers:true,
		    pageNumber:1,
		    pageSize:5,
		    pageList:[5,10,15], 
		    toolbar: [{
				iconCls: 'icon-add',
				text:"入职",
				handler: function(){
					$('#win').window('open');				
				}
			},'-',{
				iconCls: 'icon-lock',
				text:"离职",
				handler: function(){
					var a=$('#dg').datagrid('getChecked');				
					if(a.length==1){						
						var eild=a[0].eild;						
						$.ajax({
							url:'deleteEmployee',//修改离职员工状态
						    type:'post',
						    data:{'eild':eild},							   			    	
						    	datatype:'text',
					    		success:function(data){					    					    				
					    				$.messager.alert('提示','离职成功'); 
					    				$('#dg').datagrid('reload');    // 重新载入当前页面数据 
					    		}
						})					
					}else{
						$.messager.alert('提示','请选择一行'); 
					}								
				}
			},'-',{
				iconCls: 'icon-remove',
				text:"删除",
				handler: function(){
					var a=$('#dg').datagrid('getChecked');		
					if(a.length>0){			
						for(var i=0;i<a.length;i++){
							var eilds =a[i].eild;
							var uname=a[i].uname;							
							$.ajax({
								url:'removeEmployee',//移除员工
							    type:'post',
							    data:{'eilds':eilds},							   			    	
							    	datatype:'text',
						    		success:function(data){					    					    				
						    			$.messager.alert('提示','删出成功'); 
					    				$('#dg').datagrid('reload');  // 重新载入当前页面数据  
						    		}
							})								
						}						
					}else{						
						$.messager.alert('提示','至少选择一行'); 						
					}						
				}
			},'-',{
				iconCls:'icon-cut',
				text:"编辑",
				handler: function(){
						
					var a=$('#dg').datagrid('getChecked');
					if(a.length==1){
						$('#win1').window('open');	
						var eild=a[0].eild;
						$('#tb22').textbox('setText',a[0].eipostion);
						$('#tb33').textbox('setText',a[0].eiPhone);
						$('#tb55').textbox('setText',a[0].upsw);
						$('#cc33').combobox('setText',a[0].eistate);
						$('#cc44').combobox('setText',a[0].ustate);
										
				}else{						
						$.messager.alert('提示','选择一行'); 		
					}				
				}
			}]		    
		});  

		//入职添加窗口
		$('#win').window({    
		    width:600,    
		    height:400,    
		    modal:true ,
		    title:'入职',		      
		    collapsible:false,
		    minimizable:false,
		    maximizable:false,
		    draggable:false
		});  
		 //隐藏窗口
		$('#win').window('close');
		
		
		//员工姓名
		$('#tb1').textbox({    
		     
		    iconAlign:'left'       
		})
		//员工职位
		$('#tb2').textbox({    
		    iconAlign:'left'       
		})
			//联系方式
		$('#tb3').textbox({    
		    iconAlign:'left'       
		})
		//用户名
		$('#tb4').textbox({    	    
		    iconAlign:'left'       
		})
		//用户密码
		$('#tb5').textbox({     
		    iconAlign:'left'       
		})	
		//角色名
		 $('#cc').combobox({ 
			 width:100,
   			url:'showroles',    
   			valueField:'id',    
   			textField:'text',
   			/* onSelect:function(record){
   					var  cc= $('#cc').combobox('getText'); 					
   				    if(cc=="配送点管理员"|cc=="配送点员工"){
   				    		$("#d1").show();
   				    	
   				}else{		    		
		    		$("#d1").hide();
		    		$('#cc1').combobox('setText',"");    		
   			}
   				    } */
     }); 
		
		//配送点名称
			 $('#cc1').combobox({ 
			width:100,
   			url:'showDeliverypoint',    
   			valueField:'id',    
  			textField:'text'   
     }); 		
		
	
  

		//确定按钮
		$('#btn').linkbutton({    
		    iconCls: 'icon-ok'  ,
		    onClick:function(){				    	
		    	var  tb1=$('#tb1').textbox('getValue');
				var  tb2=$('#tb2').textbox('getValue');
				var  tb3=$('#tb3').textbox('getValue');
				var  tb4=$('#tb4').textbox('getValue');
				var  tb5=$('#tb5').textbox('getValue');
				var  cc=$('#cc').combobox('getValue');
				var  cc1= $('#cc1').combobox('getValue');			
				$.ajax({
					url:'addEmployee',
				    type:'post',
				    data:{'e.eiName':tb1,
				    	'e.eipostion':tb2,
				    	'e.eiPhone':tb3,
				    	'e.uname':tb4,
				    	'e.upsw':tb5,
				    	'e.rid':cc,
				    	'e.dpid':cc1,
				    },				    	
				    	datatype:'text',
			    		success:function(data){
			    			if(data==1){			
			    				$('#dg').datagrid('reload');    // 重新载入当前页面数据 
			    				$('#win').window('close');
			    				$.messager.alert('提示','保存成功'); 
			    				
			    			}else{
			    				$.messager.alert('提示','保存失败'); 	
			    				} 
			    					    			 
			    		 }
				})
		    }
		});  
		//重置按钮
		$('#btn1').linkbutton({    
		    iconCls: 'icon-reload'   
		});  
		
	
		//修改编辑窗口
		$('#win1').window({    
		    width:600,    
		    height:400,    
		    modal:true ,
		    title:'入职',		      
		    collapsible:false,
		    minimizable:false,
		    maximizable:false,
		    draggable:false
		});  
		 //隐藏窗口
		$('#win1').window('close');
		
				
		//员工职位
		$('#tb22').textbox({    
		    iconAlign:'left'       
		})
			//联系方式
		$('#tb33').textbox({    
		    iconAlign:'left'       
		})
		//用户密码
		$('#tb55').textbox({     
		    iconAlign:'left'       
		})	
		//角色名
		 $('#cc11').combobox({ 
			 width:100,
   			url:'showroles1',    
   			valueField:'id',    
   			textField:'text',
   			/* onSelect:function(record){
   					var  cc= $('#cc').combobox('getText'); 					
   				    if(cc=="配送点管理员"|cc=="配送点员工"){
   				    		$("#d1").show();
   				    	
   				}else{		    		
		    		$("#d1").hide();
		    		$('#cc1').combobox('setText',"");    		
   			}
   				    } */
     }); 
		
		//配送点名称
			 $('#cc22').combobox({ 
			width:100,
   			url:'showDeliverypoint1',    
   			valueField:'id',    
  			textField:'text'   
     }); 			
		//修改保存按钮
			 $('#btn2').linkbutton({    
				    iconCls: 'icon-ok'  ,
				    onClick:function(){	
				    	var a=$('#dg').datagrid('getChecked');
				    	var eild=a[0].eild;
				    	var  tb22=$('#tb22').textbox('getText');
						var  tb33=$('#tb33').textbox('getText');
						var  tb55=$('#tb55').textbox('getText');						
						var  cc33= $('#cc33').combobox('getText');
						var  cc11= $('#cc11').combobox('getValue');
						var  cc22= $('#cc22').combobox('getValue');
						var  cc44= $('#cc44').combobox('getText');
																
						$.ajax({
				    		url:'updateEmployee',
				    		 type:'post',
							    data:{'u.eild':eild,
							    	'u.eipostion':tb22,
							    	'u.eiPhone':tb33,
							    	'u.upsw':tb55,							    	
							    	'u.eistate':cc33,
							    	'u.rid':cc11,
							    	'u.dpid':cc22,
							    	'u.ustate':cc44,
							    },				    	
							    	datatype:'text',
						    		success:function(data){
							    $('#dg').datagrid('reload');
							    $('#win').window('close');
						    		}
				    		
				    		
				    	})
				    	
				    	
				    	
				    	
				    }
				    })
		
				  //重置按钮
					$('#btn3').linkbutton({    
					    iconCls: 'icon-reload'   
					}); 
		
		
		
	})
	</script>
<body>



<!-- 表格展示 --> 
<table id="dg"></table> 

<!-- 入职增加窗口 -->
<div id="win">
<!-- 员工姓名 -->
<span>姓名：</span><input id="tb1" type="text" style="width:300px"><br>
<!-- 员工职位 -->
<span>职位：</span><input id="tb2" type="text" style="width:300px"><br>
<!-- 联系方式 -->
<span>联系：</span><input id="tb3" type="text" style="width:300px"><br>
<!-- 角色名 -->
<span>角色：</span><input id="cc" name="dept" value=""> <br>
<!-- 配送点名称 -->
<div id="d1"><span>地点：</span><input id="cc1" name="dept" value=""><br></div>    
<!-- 用户名 -->
<span>用户：</span><input id="tb4" type="text" style="width:300px"><br>
<!-- 用户密码 -->
<span>密码：</span><input id="tb5" type="text" style="width:300px"><br>
<!-- 确定按钮 -->
<a id="btn" href="#">保存</a> <a id="btn1" href="#">重置</a> 
</div>  

<!-- 编辑修改窗口 -->
<div id="win1">
<!-- 员工职位 -->
<span>职位：</span><input id="tb22" type="text" style="width:300px"><br>
<!-- 联系方式 -->
<span>联系：</span><input id="tb33" type="text" style="width:300px"><br>
<!-- 任职状态-->
<span>任职状态：</span><select id="cc33" class="easyui-combobox" name="dept" style="width:200px;">   
    <option value="aa">在职</option>   
    <option>离职</option>   
</select>  
<br>
<!-- 角色名 -->
<span>角色：</span><input id="cc11" name="dept" value=""> <br>
<!-- 配送点名称 -->
<div id="d1"><span>地点：</span><input id="cc22" name="dept" value=""><br></div>    
<!-- 用户密码 -->
<span>密码：</span><input id="tb55" type="text" style="width:300px"><br>
<!-- 用户状态 -->
<span>状态：</span><select id="cc44" class="easyui-combobox" name="dept" style="width:200px;">   
    <option value="aa">已登录</option>   
    <option>未登录</option>     
</select>  <br>

<!-- 确定按钮 -->
<a id="btn2" href="#">保存</a> <a id="btn3" href="#">重置</a> 
</div>  


</body>
</html>